﻿@namespace BootstrapBlazor.Components
@inherits CardBase

<div @attributes="@AdditionalAttributes" class="@ClassName">
    <div class="card-header">
        @if(IsCollapsible)
        {
            <div class="card-collapse is-open" @ref="CardEelement">
                <i class="card-collapse-arrow fa fa-chevron-circle-right"></i>
                <div class="card-title">@HeaderText</div>
            </div>
            
        }
        else
        {
            if (CardHeader != null)
            {
                @CardHeader
            }
            else
            {
                @HeaderText
            }
        }
    </div>
    <div class="@BodyClassName">
        @CardBody
    </div>
    @if (CardFooter != null)
    {
        <div class="@FooterClassName">
            @CardFooter
        </div>
    }
</div>
